{% load static %}
{% static "" as baseUrl %}

<html>
<head>
  <title>Network Traffic Flow [lab-1846970 eth0]</title>
  <link rel="stylesheet" type="text/css" href="{{baseUrl}}/css/base.css">
</head>

<body>
  <table width="100%" bgcolor="#000066">
    <tr>
      <td><h2><font color="#CCFFFF">Network Traffic Flow [lab-1846970 eth0]</font></h2></td>
    </tr>
  </table>

  <table class="table-bordered">
    <tbody>
      <tr>
        <td><b>Location</b></td>
        <td>10.64.246.42</td>
      </tr>
      <tr>
        <td><b>Device</b></td>
        <td>lab-1846970</td>
      </tr>
      <tr>
        <td><b>Interface</b></td>
        <td>eth0</td>
      </tr>
      <tr>
        <td><b>Description</b></td>
        <td>srv-lab-1846970</td>
      </tr>
    </tbody>
  </table>

  {% for key, value in data.items %}
      <table width=100%>
        <tr>
          <td BGCOLOR="#000066"><font color="#CCFFFF">{{key}}</font></td>
        </tr>
        <tr>
          <td><img src="{{baseUrl}}/img/{{value}}" class="img-rounded"></td>
        </tr>
      </table>
  {% endfor %}

</body>

</html>
